<!-- jQuery Scripts -->
<script src="jquery/jquery-1.11.1.js"></script>
<script src="jquery/jquery-ui-1.11.2.custom/jquery-ui.js"></script>
<script src="jquery/DataTables-1.10.3/media/js/jquery.dataTables.js"></script>

<!-- jQuery Styles -->
<link href="jquery/jquery-ui-1.11.2.custom/jquery-ui.css" rel="stylesheet" />
<link href="jquery/jquery-ui-1.11.2.custom/jquery-ui.structure.css" rel="stylesheet" />
<link href="jquery/jquery-ui-1.11.2.custom/jquery-ui.theme.css" rel="stylesheet" />
<link href="jquery/DataTables-1.10.3/media/css/jquery.dataTables_themeroller.css" rel="stylesheet" />

<!-- Page Specific -->
<link rel="stylesheet" href="css/style.css" type="text/css" />

<script type="text/javascript">
/* $(function() { }) is equivalent to document ready */

	$(function() {
		var hotelsTable = $('#hotels').dataTable({
			"order" : [ [ 1, "asc" ] ],
			"bJQueryUI" : true,
			"pageLength" : 25,
			"columnDefs": [{ "width": "15%", "targets": 1 }]
		});
		
		var roomsTable = $('#rooms').dataTable({
			"order" : [ [ 1, "asc" ] ],
			"bJQueryUI" : true,
			"pageLength" : 25,
			"columnDefs": [{
				"width": "10%", "targets": 0,
				"width": "40%", "targets": 1,
				"width": "25%", "targets": 2,
				"width": "25%", "targets": 3
				}]
		});

		$('#rooms tr').click(function() {
		    $(this).find('td input:radio').prop('checked', true);
		})
		
		roomsTable.find('tr#row0 td input:radio').prop('checked', true);
	});
</script>
<script type="text/javascript">
    jQuery(document).ready(function($){
        $("#startDatePicker").datepicker();
    });
    jQuery(document).ready(function($){
        $("#endDatePicker").datepicker();
    });
    jQuery(document).ready(function($) {
        $("#numPeopleDropdown").selectmenu(
                {
                    "width" : 60
                });
    });
</script>
   